﻿/*@charset "utf-8"*/

*{margin:0px;padding:0px;}
a{text-decoration:none;}
a img{border:0px;}
li{list-style-type:none;}
table{border-collapse:collapse;}
html{font-family:"微软雅黑";font-size:14px;color:#666;}
i,em{font-style:normal;}
b,strong,th{font-weight:normal;}
a:hover,a{text-decoration: none;cursor: pointer;}
table{border-collapse:collapse;border-spacing:0;}
html,body{height:100%;}
input:focus,textarea:focus{outline:none;}
button:focus{outline:none;}
img{max-width:100%;}
input,textarea,select{
    background: none;
    appearance:button;
    -moz-appearance:button; /* Firefox */
    -webkit-appearance:button; /* Safari 和 Chrome */}
input,button,textarea,select,select[size="0"]{
    font-size: 14px;
    font-family:"Microsoft YaHei"!important;
    border:none;
    box-shadow: none;
    -webkit-tap-highlight-color:transparent;
}
input:disabled, input[disabled]{ -webkit-opacity:1; opacity: 1;}
.mag-left-4{margin-left: 4%;}
/*清除浮动*/
.fl{float: left;display: inline;}
.fr{float: right;display: inline;}
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;clear:none;}
/*button*/
.btn{border-radius:5px;outline:none;border-width:1px;border-style:solid;padding:5px 10px;text-align:center;color:#fff;cursor:pointer;}
/*默认——灰色*/
.btn_default{background-color:#e6e6e6;border-color:#e6e6e6;}
.btn_default:hover,.btn-default:focus,.btn-default:active,.btn-default.active{color:#333;background-color:#c7c7c7;border-color:#c7c7c7;}

/*主要——主色*/
.btn_primary{color:#fff;background-color:#5a98de; border-color:#5a98de;}
.btn_primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active{color:#fff;background-color:#0a6999;border-color:#0a6999;}

/*次要按钮*/
.btn_secondary{color:#fff;background-color:#3bb4f2; border-color:#3bb4f2;}
.btn_secondary:hover,.btn-secondary:focus,.btn-secondary:active,.btn-secondary.active{color:#fff;background-color:#0f9ae0;border-color:#0f9ae0;}

/*成功*/
.btn_success{color:#fff;background-color:#23B030; border-color:#23B030;}
.btn_success:hover,.btn-success:focus,.btn-success:active,.btn-success.active{color:#fff;background-color:#429842;border-color:#429842;}

/*警告*/
.btn_warning{color:#fff;background-color:#0f80d9; border-color:#0f80d9;}
.btn_warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active{color:#fff;background-color:#128bea;border-color:#128bea;}

/*危险*/
.btn_danger{color:#fff;background-color:#dd514c; border-color:#dd514c;}
.btn_danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active{color:#fff;background-color:#c62b26;border-color:#c62b26;}

/**input,select,textarea*/

textarea.inputfield{padding:15px;resize:none;}
.inputfield:hover{border:2px solid #3bb4f2;}
.inputfield:focus,.inputfield:active{border-color:rgba(82,168,236,0.8);box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6);}

/*radio 需要js优化 radioFun(obj,name)*/
.radio{position:relative;cursor:pointer;vertical-align:middle;margin-right:10px;}
.radio input[type="radio"]{width:20px;height:20px;position:absolute;top:1px;left:0px;opacity:0;}
.radio b{display:block;position:absolute;top:1px;left:0px;width:20px;height:20px;background-image:url(../images/check_radio.png);background-repeat:no-repeat;background-position:-98px 0px;cursor:pointer;}
.radio b:hover{background-position:-119px 0px;}
.radio span{margin-left:22px;}
.radio.checked b{background-position:-139px 0px;}

/*checkbox 需要js优化 checkboxFun(obj)*/
.checkbox{position:relative;cursor:pointer;vertical-align:middle;margin-right:10px;}
.checkbox input[type="checkbox"]{width:20px;height:20px;position:absolute;top:0px;left:0px;opacity:0;}
.checkbox b{display:block;position:absolute;top:0px;left:0px;width:20px;height:20px;background-image:url(../images/check_radio.png);background-repeat:no-repeat;background-position:0px 0px;cursor:pointer;}
.checkbox b:hover{background-position:-20px 0px;}
.checkbox span{margin-left:22px;}
.checkbox.checked b{background-position:-40px 0px;}

/*table*/
.table{width:100%;border:1px solid #DDDDDD;}
.table tr td,.table tr th{border:1px solid #DDDDDD;padding:8px;}
.table tr:nth-child(odd){background:#F4F4F4;}
.table tr:hover{background:#eee;}
.table th{background:#F5FAFE;}

.clear:after{content:"";display:block;clear:both;}
.block{display:block;}
.text_center{text-align:center;}
.float_left{float:left;}
.float_right{float:right;}
.border_radius5{border-radius:5px;}
.font_weight{font-weight:600;}